// 溢出省略号
.ellipsis() {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

// 多行
.ellipsis(@n) {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: @n;
  overflow: hidden;
}

// 矩形
.rect (@w, @h: @w) {
  width: @w;
  height: @h;
}

// 圆
.round (@w, @h: @w, @r: @h / 2) {
  .rect (@w, @h);
  border-radius: @r;
}

// 绝对居中
.absolute-center(@left: 50%, @top: 50%) {
  position: absolute;
  left: @left;
  top: @top;
  transform: translate(-50%, -50%);
}